@import '~antd/es/style/themes/default.less';

.topHeader{
    width: 100%;
    height: 175px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0 10px;
    box-sizing: border-box;
    .rightContent{
        color:#fff;
        flex:1;
        overflow: visible;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        height: 100%;
        .leftTitle{
            display: flex;
            align-items: center;
            margin-top: 10px;
            .title{
                display: inline-block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                margin-right: 15px;
                font-size: 16px;
            }
        }
        .tabList{
            display: flex;
            align-items: center;
            width: 680px;
            justify-content: space-between;
            a{
                color:rgba(255,255,255,0.6);
            }
            .activeTab{
                position: relative;
                a{
                    color: #fff;
                }
                &::after{
                    position: absolute;
                    bottom: -10px;
                    left: 0;
                    content: "";
                    width: 100%;
                    height: 2px;
                    background: #fff;
                    border-radius: 20%;
                }

            }
        }
        
    }
}